<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>理财规划拓客海报</title>
    <script id="wx" type="text/javascript" _src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery/jquery-1.8.3.min.js"></script>
    <script src="js/vue/vue.js"></script>
    <style>
.vm{
    width: 100%;
}     
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}  
input{
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
        -webkit-appearance:none;
        outline: none;
        border: none;
        font-size: .35rem
    }  
.login-wrap{
    width: 7.5rem;
    min-height: 10rem;
    background: url(./images/background.png);
}    
.top-part{
    width: 100%;
}
.top-part img{
    width: 100%;
}
.bottom-part{
    width: 100%;
    padding: 0 .46rem;
}
.bottom-part img{
    width: 100%;
}

.login-inner{
    min-height: 4.27rem;
    width: 6.59rem;
    margin: .31rem auto .91rem;
    background:rgba(0,132,255,.3);
    border-radius:10px;
    padding: .74rem .76rem .25rem;
}
.login-inner>div:nth-child(1){
    width:100%;
    height:.68rem;
    background:rgba(255,255,255,1);
    /* border:2px solid rgba(197,195,196,1); */
    border-radius:.1rem;
    margin-bottom: .2rem;
}
.login-inner>div:nth-child(1)>input{
    width: 100%;
    height: 100%;
    border: none;
    float: left;
    display: block;
    padding-left: .21rem;
    font-size:.27rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(187,179,181,1);
}
.login-inner>div:nth-child(2){
    width:100%;
    height:.68rem;
    /* background:rgba(255,255,255,1); */
    /* border:2px solid rgba(197,195,196,1); */
    border-radius:.1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .21rem;
}
.login-inner>div:nth-child(2)>input{
    width: 3.1rem;
    height: 100%;
    border: none;
    float: left;
    display: block;
    padding-left: .21rem;
    font-size:.27rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(187,179,181,1);
}
.login-inner>div:nth-child(3){
    width:100%;
    height:.82rem;
    background:rgba(0,132,255,1);
    border-radius:.1rem;
    text-align: center;
    line-height: .82rem;
    font-size:.42rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.login-inner>div:nth-child(4){
    text-align: center;
    font-size:.25rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    text-decoration:underline;
    color:rgba(68,133,250,1);
    line-height:1rem;   
}
.getcode-css{
    width:1.76rem;
    height:.68rem;
    background:rgba(0,132,255,1);
    border-radius:.1rem;
    font-size:.2rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:.68rem;
    text-align: center;
    }


  .seccuss-alert{
      width: 100%;
  } 
  .send-car-wrap{
    width:6.78rem;
    height:7.69rem;
    box-shadow:0px 9px 39px 4px rgba(0, 0, 0, 0.11);  
    background: url(./images/card-bg.png);
    margin: .67rem auto .8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
       
  }
  .seccuss-alert .title{
      text-align: center;
        font-size:.4rem;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(127,130,134,1);
        line-height:.6rem;
  } 
  .seccuss-alert p{
    font-size:.3rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(127,130,134,1);
    line-height:.56rem; 
    padding-left: .88rem;    
  }

  .old-member-car div:nth-child(1){
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .7rem;
    padding-top: .4rem;
  }
  .old-member-car div:nth-child(1)>img:nth-child(1){
    width:2.2rem;
  }
  .old-member-car div:nth-child(1)>img:nth-child(2){
    width:.96rem;
  }
  .old-member-car div:nth-child(1)>img:nth-child(3){
    width:2.62rem;
  }
  .old-member-car div:nth-child(2){
    font-size:.47rem;
    font-family:FZLanTingHei-DB-GBK;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:.68rem;
    padding:.32rem .27rem;
    text-align: center;
  }
  .old-member-car div:nth-child(3){
    width:4.02rem;
    height:.81rem;
    background:rgba(67,137,250,1);
    border-radius:.12rem;
    text-align: center;
    line-height: .81rem;
    font-size:.41rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin: .1rem auto;
  }

  .new-member-car div:nth-child(1){
    text-align: center;
  }
  .new-member-car div:nth-child(1) img{
    width:3.7rem;
    height:3.5rem;
  }
  .new-member-car div:nth-child(2){
    font-size:.42rem;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(67,137,250,1);
    line-height:.6rem;
    text-align: center;
  }
  .new-member-car div:nth-child(3){
    font-size:.32rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(119,119,119,1);
    line-height:.45rem;   
    text-align: center;  
    margin-top: .1rem;
  }
  .new-member-car div:nth-child(4){
    width:4.02rem;
    height:.81rem;
    background:rgba(67,137,250,1);
    border-radius:.12rem;
    text-align: center;
    line-height: .81rem;
    font-size:.41rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin: .1rem auto;
    margin-top: .47rem;
  }
    </style>
</head>
<body>
    <div class="vm">
         <div class="login-wrap"   v-if="nowshow==1">
             <div class="top-part">
                 <img src="images/top-part-pic.png" alt="">
             </div>
             <div class="login-inner">
                 <div>
                        <input style="-webkit-user-select:text !important;" type="tel"  v-model="userPhone"  placeholder="请输入手机号码">
                 </div>
                 <div>
                        <input  style="-webkit-user-select:text !important;" type="number" v-model="userCode"  placeholder="请输入验证码">
                        <div class="getcode-css"   :class="{'getcode': codeflag}"   @click="getcode"   :disabled="codeflag" v-text="(typeof countdown)=='number'&&countdown!=0 ? countdown+'秒后可重发':'' || countdown ||  '获取验证码'" ></div>  
                 </div>
                 <div   @click="nowbuy">
                        领取海报
                 </div>
                 <div    @click="downloadFun">
                        顾问邦APP免费使用
                 </div>
             </div>
             <div class="bottom-part">
                <img src="images/bottom-part-pic.png" alt="">
            </div>
         </div>

         <div class="seccuss-alert"    v-if="nowshow==2">
             <div class="send-car-wrap old-member-car">
                 <div>
                     <img src="images/phone.png" alt="">
                     <img src="images/to.png" alt="">
                     <img src="images/group.png" alt="">
                 </div>
                 <div>
                    
                        您已经是顾问邦的老朋友了,
                        快去发海报给客户吧
                                                
                 </div>
                 <div  @click="downloadFun">去发海报</div>
             </div>
             <div class="explain">
                 <div class="title">— 拓客海报功能介绍 —</div>
                     <p>1-登录顾问邦APP后即可使用；</p>
                     <p>2-分享的拓客海报带有您的专属微信二维码；</p>
                     <p>3-海报每周更新，海量主题供您挑选。</p>
             </div>
         </div>

         <div class="seccuss-alert"    v-if="nowshow==3">
                <div class="send-car-wrap new-member-car">
                    <div>
                        <img src="images/group2.png" alt="">
    
                    </div>
                    <div>
                        
                            恭喜您！<br>
                            获得拓客海报大礼包
                                                    
                    </div>
                    <div>已放入您{{userPhone}}账户</div>
                    <div  @click="downloadFun">现在去使用</div>
                </div>
                <div class="explain">
                    <div class="title">— 拓客海报功能介绍 —</div>
                        <p>1-登录顾问邦APP后即可使用；</p>
                        <p>2-分享的拓客海报带有您的专属微信二维码；</p>
                        <p>3-海报每周更新，海量主题供您挑选。</p>
                </div>
            </div>


    </div>

    <script>
         'use strict';

        var _html = document.getElementsByTagName("html")[0];
        _html.style.fontSize = document.documentElement.clientWidth / 750 * 100 + "px";
        window.onresize = function() {
            _html.style.fontSize = document.documentElement.clientWidth / 750 * 100 + "px";
        };

        var created=function() {
            var _this=this

            var shareOption={
                title: '获客海报免费用，吸引客户不用愁',
                desc: '专属二维码+每周更新+海量主题~',
                link: localUrl + 'groundMember/login.html',
                imgUrl: localUrl + 'groundMember/images/wxshare.png'
            }
            
            _this.wxShareFun(shareOption)


                //用户登录验证(未注册的系统自动注册)
                _this.nowbuy=function(){
                        var params={}
                        params.userPhone = _this.userPhone;
                        params.userCode = _this.userCode;
                        // params.inviterID = window.location.href.match(/userId=[^&]+/)[0].split('=')[1];
                        params.inviterID = "";
                        params.registrationSource = '920';
                        _this.requestFun('/financial/h5/checkCodeUserH5V1', params).then(function(data) {
                            if (data.resultCode=='00001111' || data.resultCode=='00002222' || data.resultCode=='0000') {
                                var resultData=data.resultData
                                if (resultData.isPartner=='Y') {
                                    _this.nowshow=2
                                }
                                if (resultData.isPartner=='N') {
                                    _this.nowshow=3
                                }
                                
                            } else {
                                _this.toast(data.resultMessage)
                            }
                            });
                    }

                    _this.downloadFun=function(){
                        var u = navigator.userAgent;
                        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
                        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端


                        var  mobilePhoneDownload;
                        if (isAndroid) {
                            console.log("安卓")
                            mobilePhoneDownload='http://app.mi.com/details?id=com.anyin.app'
                        } 

                        if(isiOS) {
                            console.log("苹果")
                            mobilePhoneDownload='https://sj.qq.com/myapp/detail.htm?apkName=com.anyin.app'
                        }  
                        window.location.href = mobilePhoneDownload;                      
                    }

        }

    </script>
    <script src="js/login.js"></script>
</body>
</html>